<!DOCTYPE html>
<html lang="utf-8">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title>青之巅-我的钱包</title>
	<#include "../common/reslistmy.html">
</head>

<body>
<#include "../common/header3.html">

<div id="main" style="padding: 0px">

	<div class="bg-other user-head-info">
		<div class="user-info clearfix">
			<div class="user-pic" data-is-fans="0" data-is-follows="">
				<div class="user-pic-bg">
					<img class="img" src='<@shiro.principal property="header"/>' alt="">
				</div><!--user-pic-big end-->
			</div>
			<div class="user-info-right">
				<h3 class="user-name clearfix">
					<span><@shiro.principal property="username"/></span>
				</h3>
				<!--25-->
				<p class="about-info">
					<span>保密</span>
					<span>JAVA开发工程师</span>
					<a class="more-user-info"><i class="imv2-arrow2_d"></i>更多信息</a>
				</p>
			</div>
			<div class="user-sign hide">
				<p class="user-desc">这位同学很懒，木有签名的说～</p>
			</div>
			<div class="study-info clearfix">
				<div class="item follows">
					<div class="u-info-learn" title="学习时长6小时15分" style="cursor:pointer;">
						<em>6h</em>
						<span>学习时长 </span>
					</div>
				</div>
				<div class="item follows">
					<a href="/u/7126621/experience"><em>672</em></a>

					<span>经验</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/credit"><em>2</em></a>

					<span>积分</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/follows"><em>1</em></a>

					<span>关注</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/fans"><em>0</em></a>
					<span>粉丝</span>
				</div>
				<div class="item follows"><a href="/user/setbindsns" class="set-btn"><i class="icon-set"></i>个人设置</a></div>

			</div><!--.study-info end-->
		</div><!-- .user-info end -->
	</div><!-- .big-pic end -->
	<div class="wrap" >

		<#include "nav.html">
		<div class="u-container">
			<div class="c-tab clearfix">

				<div class="right-container l">

					<!--<div class="right-title"><h2>我的余额</h2></div>-->
                    <div class="right-title">
                        <div class="tool-left l">
                            <a href="/u/7126621/courses" class="sort-item active">我的余额</a>
                            <a href="/u/7126621/courses?sort=follow" class="sort-item ">优惠券</a>
							<a href="javascript:void(0)" class="moco-btn moco-btn-red js-moco-getcoupon">获取优惠券</a>
                        </div>
                    </div>

					<div class="balance-container">
						<div class="title-box">
							<div>
								<p class="title">当前余额</p>
								<button class="recharge-btn js-recharge-btn" id="pay">立即充值</button>
							</div>
							<div>
								<p class="charge">￥0.00</p>
								<p class="charge-tip">充值余额不可提现，仅限用于本平台课程消费</p>
							</div>
						</div>
						<div class="noData">
							<span class="imv2-error_c"></span>
							<p>目前暂无任何收支记录</p>
						</div>
					</div>
				</div>
			</div>
		</div><!-- .container end -->
	</div><!-- .wrap end-->

<div id="payModal" class="pay-modal" style="z-index: 901; opacity: 1;">
    <div class="login-block">
        <div class="login-content">
            <div class="login-type-uw" id="payRecharge">
                <!--<form id="payForm" method="POST" action="${s.base}/user/paytest.html">-->
                    <div class="moco-modal-title">
                        <div><span>余额充值</span>
                            <a href="javascript:void(0)" class="moco-icon-close moco-modal-close js-modal-close"></a>
                        </div>
                    </div>
                    <div class="moco-modal-inner">
                        <div class="moco-modal-dialog" style="display: block;">
                            <div class="balance-success-modal">
                                <div class="modal">
                                    <div class="succ-img">
                                        <span class="imv2-check"></span>
                                    </div>
                                    <h3>充值成功</h3>
                                    <p class="js-error">您充值的 ￥<span>1.00</span> 余额已到账</p>
                                    <div class="clearfix btnwarp">
                                        <button class="success-btn js-success-btn">支付完成</button>
                                    </div>
                                </div>
                            </div>
                            <div class="pay-balance-modal">
                                <div class="modal">
                                    <p>充值金额<span>仅限于本网站使用</span></p>
                                    <ul class="rechargeMoney js-recharge-money" id="payAmt">
                                        <li class="active" data-money="1">
                                            <h2>￥300</h2>
                                            <div class="bottomright">
                                                <div class="triangle"></div>
                                                <i class="imv2-check"></i>
                                            </div>
                                        </li>
                                        <li data-money="2">
                                            <h2>￥500</h2>
                                            <div class="bottomright">
                                                <div class="triangle"></div>
                                                <i class="imv2-check"></i>
                                            </div>
                                        </li>
                                        <li data-money="3" >
                                            <h2>￥1000</h2>
                                            <div class="bottomright">
                                                <div class="triangle"></div>
                                                <i class="imv2-check"></i>
                                            </div>
                                        </li>
                                        <br>
                                        <li data-money="4" class="js-custom-recharge custom-recharge">
                                            <span class="money-icon">￥</span>
                                            <input id="inMoney" type="text" maxlength="5" placeholder="其他金额，请输入1-50000的整数" class="js-custom-input" autocomplete="off" onkeyup="value=value.replace(/[^0-9]/g,'');value=value.replace(/^0/g,'')"><div class="bottomright"><div class="triangle"></div>
                                            <i class="imv2-check"></i>
                                        </div>
                                        </li>
                                    </ul>
                                    <p>支付方式</p>
                                    <ul class="rechargeType js-recharge-type" id="payType">
                                        <li class="active alipay" data-type="1" >
                                            <div class="bottomright">
                                                <div class="triangle"></div>
                                                <i class="imv2-check"></i>
                                            </div></li>
                                        <li class="wxpay" data-type="2" >
                                            <div class="bottomright">
                                                <div class="triangle"></div>
                                                <i class="imv2-check"></i>
                                            </div>
                                        </li>
                                    </ul>
                                    <button class="js-rechare-balance" id="paySubmit">立即充值</button>
                                    <p class="tip">点击立即充值则视为您已同意<a href="${s.base}/help/detail/89" target="_new">《青之巅用户协议》</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                <!--</form>-->
        </div>
            <div class="login-type-uw" id="payImg" style="display: none;">

                <div class="wechat-modal js-wechat-modal">
                    <div class="modal" id="retPayImg">
                        <div id="retImg">

                        </div>
                        <!--<h1 class="price">微信支付￥<span>1</span></h1>-->
                        <!--<div class="qrcode js-qrcode-img">-->
                            <!--&lt;!&ndash;<canvas width="180" height="180">&ndash;&gt;-->
                                <!--<span id="infoAlert_msg" class="color-oc f-16"></span>-->
                            <!--&lt;!&ndash;</canvas>&ndash;&gt;-->
                        <!--</div>-->
                        <!--<p>使用微信扫描二维码进行支付</p>-->
                        <div class="restart-btn js-restart-btn" id="refresh">
                            <span class="imv2-refresh" ></span>
                            重新选择支付方式
                        </div>
                    </div>
                </div>
            </div>
    </div>
        <div id="moco1" class="" style=""></div>
</div>

</div>

<div id="moco" class="" style=""></div>

	<!--<div class="moco-getcoupon-wrap js-moco-getcoupon-wrap moco-getcoupon-zoomIn" style="margin-top: -211.5px; display: none;">-->
		<!--<div class="moco-getcoupon-top-img moco-getcoupon-zoomIn moco-getcoupon-zoomIn1"></div>-->
		<!--<div class="moco-getcoupon-content-box">-->
			<!--<p class="moco-getcoupon-big-title">恭喜您</p>-->
			<!--<p class="moco-getcoupon-smalle-title">优惠券领取成功，，获得<span>3</span>张优惠券</p>-->
			<!--<div class="moco-getcoupon-coupon-smalle-box moco-getcoupon-coupon-scroll moco-getcoupon-fadeInUp ps-container" style="height: 240px;">-->
				<!--<ul class="moco-getcoupon-coupon-big-box moco-getcoupon-scroller"><li class="moco-getcoupon-coupon-item ">-->
					<!--<a href="//order.imooc.com/coupon" target="_blank">-->
						<!--<div class="moco-getcoupon-coupon-face-value clearfix">-->
							<!--<p class="l moco-getcoupon-face-value">￥10</p>-->
							<!--<p class="l">满100可用</p>-->
						<!--</div>-->
						<!--<p>适用于：全部实战课程</p>-->
						<!--<p>有效期：2016.05.02-2020.12.10</p>-->
					<!--</a>-->
				<!--</li>-->
					<!--<li class="moco-getcoupon-coupon-item ">-->
					<!--<a href="//order.imooc.com/coupon" target="_blank">-->
						<!--<div class="moco-getcoupon-coupon-face-value clearfix">-->
							<!--<p class="l moco-getcoupon-face-value">￥20</p>-->
							<!--<p class="l">满200可用</p>-->
						<!--</div>-->
						<!--<p>适用于：全部实战课程</p>-->
						<!--<p>有效期：2016.05.02-2020.12.10</p>-->
					<!--</a>-->
					<!--</li>-->
					<!--<li class="moco-getcoupon-coupon-item ">-->
						<!--<a href="//order.imooc.com/coupon" target="_blank">-->
							<!--<div class="moco-getcoupon-coupon-face-value clearfix">-->
								<!--<p class="l moco-getcoupon-face-value">￥30</p>-->
								<!--<p class="l">满300可用</p>-->
							<!--</div>-->
							<!--<p>适用于：全部实战课程</p>-->
							<!--<p>有效期：2016.05.02-2020.12.10</p>-->
						<!--</a>-->
					<!--</li>-->
				<!--</ul>-->
				<!--<div class="ps-scrollbar-x-rail" style="left: 0px; width: 352px;">-->
					<!--<div class="ps-scrollbar-x" style="left: 0px; width: 344px;"></div>-->
				<!--</div>-->
				<!--<div class="ps-scrollbar-y-rail" style="top: 224px; right: 0px; height: 240px;">-->
					<!--<div class="ps-scrollbar-y" style="top: 116px; height: 124px;"></div>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="moco-getcoupon-fadeInUp1">-->
		<!--<p class="moco-getcoupon-tip-text">优惠券已放入“我的优惠券”</p>-->
		<!--<div class="moco-getcoupon-close-btn js-moco-getcoupon-close-btn">朕知道了</div>-->
	<!--</div>-->
	<!--</div>-->
	<!--</div>-->

<#include "../common/footer3.html">

<!--script-->
<!--<script type="text/javascript" src="//moco.imooc.com/static/monitor/error.js"></script>-->
<!--<script src="//moco.imooc.com/passport/static/scripts/ssologin.js?v=2.0"></script>-->
<!--<script type="text/javascript" src="//moco.imooc.com/static/sea-modules/seajs/seajs/2.1.1/sea.js"></script>-->
<!--<script type="text/javascript" src="//moco.imooc.com/static/sea_config.js?v=201811091403"></script>-->
<!--<script type="text/javascript">seajs.use("//moco.imooc.com/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>-->
<script type="text/javascript">

    var params = {
        bigTitle : '恭喜您',                           //大标题文案
        smalleTitle : '助学礼包领取成功',                //小标题
        api: CONTEXT_PATH + '/user/getCoupon.html',                            //AJAX 接口地址 *（必填）
        apiData: '{uid:"1",planid:"3"}',              //AJAX 传递参数 *（必填）
        apiType: 'POST',                              //AJAX请求方法,默认为POST
        apiCrossType: 'false',                        //AJAX请求是否跨域,默认不跨域(暂未测试）
        closeCallback: function(){}                   //关闭按钮 “js-moco-getcoupon-close-btn" 点击执行的回调（默认为空)
     //   ...                                           //其他参数，可直接继承至方法中
    }
    moco.getCoupon.init(params);

    // $('.moco-btn-red').click(function () {
    //     $(".js-moco-getcoupon-wrap").css("display","block");
    // });
    // $('.js-moco-getcoupon-close-btn').click(function () {
    //     $(".js-moco-getcoupon-wrap").css("display","none");
    // });
    /*支付弹框 */
    $('#pay').click(function() {
        if(window.IS_UC_PAGE_) { //用户中心页面登录
            //location.href = UC_PATH_ + '/login/jumpTologin';
        } else {
            toPaymodal();
        }
        return false;
    });
    /* 支付弹窗方法 */
    function toPaymodal() {
        $.colorbox({
            speed: 0,
            inline: true,
            overlayClose: false,
            close: false,
            href: "#payModal",
            opacity:0.85,
            onOpen: function() {
                $("#payModal").css("display","block");
                $("#moco").addClass("moco-modal-blackout js-moco-modal-cancel");
            }
        });

    }
    /* 支付关闭 */
    $('.js-modal-close').click(function () {
        $("#payModal").css("display","none");
        $("#moco").removeClass();
        $.colorbox && $.colorbox.close();
    });
    /* 支付选择控制 */
    $(function(){
        // li CSS选中状态切换
        $("#payAmt li").click(function() {
            $(this).data("money") ? ($(this).addClass("active").siblings().removeClass("active"),
                $(".js-custom-input").val("")) : $(".js-custom-input").focus();

            // $(this).siblings('li').removeClass('active');  // 删除其他兄弟元素的样式
            // $(this).addClass('active');                            // 添加当前元素的样式
        })
    })

    /* 支付类型控制 */
    $(function(){
        // li CSS选中状态切换
        $("#payType li").click(function() {
            $(this).addClass("active").siblings().removeClass("active");
            // $(this).siblings('li').removeClass('active');  // 删除其他兄弟元素的样式
            // $(this).addClass('active');                            // 添加当前元素的样式
        })
    })

    $('#refresh').click(function() {
        $("#payRecharge").css("display","block");
        $("#payImg").css("display","none");
        // toPaymodalAjax();
    });
    $(function () {
        4 != $(this).data("money") ? ($(this).addClass("active").siblings().removeClass("active"), $(".js-custom-input").val("")) : $(".js-custom-input").focus()
        $(this).addClass("active").siblings().removeClass("active")
    })

    $('#paySubmit').click(function() {

        var l = $(".js-recharge-money").children("li.active").attr("data-money");
        if (!l)
            return layer.alert("请选择充值金额"), void(t = !1);
        1 == l ? e = 300 : 2 == l ? e = 500 : 3 == l ? e = 1e3 : 4 == l && (e = parseInt($(".js-custom-input").val()));
        var i = $(".js-recharge-type").children("li.active").attr("data-type");
        if (!i)
            return layer.alert("请选择充值方式"), void(t = !1);

        var url = CONTEXT_PATH + '/user/paywx.html?money='+e+"&type="+i+"&title=青之巅充值&body=余额充值";
        if (i==1){
            url =  CONTEXT_PATH + '/user/payAli.html?money='+e;
            window.open(url);
            return false;
		}else{
            layer.alert("微信支付暂未开放....")
            return false;
        }

        // alert(e);
        // alert(i);
        // return;
        // $.ajax({
        //     url:url,
        //     type:'POST',
        //     // data:{type:paytype,money:payamt},
        //     contentType:"application/x-www-form-urlencoded;charset=UTF-8",
        //     dataType:'json',
        //     success:function(resp){
        //         if(resp.errcode == 0 && resp.data){
        //             $('#retImg').empty();
        //             $('#retImg').html(resp.data);
        //             $("#payRecharge").css("display","none");
        //             $("#payImg").css("display","block");
        //         }else {
        //             layer.alert(resp.message);
        //             return false;
        //         }
        //     },
        //     error : function(xhr) {
        //         layer.alert("支付异常");
        //         return false;
        //     }
        // });
    });
</script>
<script>
    //动态加载advertisementReportjs
    var checkJQ = function(){
        // console.log(typeof jQuery)
        if(typeof jQuery != 'undefined') {
            clearInterval(timer);
            var scr = document.createElement('script');
            scr.type="text/javascript";
            scr.src="/static/page/common/advertisementReport.js";
            document.body.appendChild(scr);
        }
    }
    var timer = setInterval(checkJQ,1000);
</script>

<style type="text/css">.myClassList table td dl dd { margin-top:88px } #face_panel { z-index:99999999 }</style>

<div id="layer_sendmsg" class="font-colorg" style="display:none">
	<div class="sendadd">
		<h4>发送好友申请<span class="tipclose"></span></h4>
		<div class="sendcon">
			<textarea class="chatInput" id="textInput" type="text" name="说点什么吧" cols="1"></textarea>
		</div>
		<div class="sendsq">
			<a href="javascript:void(0)" id="sendBtn" class="sendInvite btn btn-green">发送申请</a>
		</div>
	</div>
</div>

<div style="display: none">
	<script type="text/javascript">
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?f0cfcccd7b1393990c78efdeebff3968";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        (function (d) {
            window.bd_cpro_rtid="rHT4P1c";
            var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
            var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0);
        })(document);
	</script>
	<script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
	</script>
</div>

</div>
</body>
</html>
